﻿body 
{
    margin-top: auto; /*Removes the space at the top of the page*/
    background-color: #cbc9c9;
    font-family: Arial;
    font-size: 11pt;
}

h2
{
    font-size: 18pt;
}

/*#region MasterPage */

#wrapper 
{
    width: 980px;
    margin: 0 auto; /*Centers the page*/ 
    background-color:white;
    overflow: auto;
}

#banner-left 
{
    width: 480px;
    height: 70px;
    float: left;
}

#banner-right
{
    width: 500px;
    height: 70px;
    float: left;
}

#logo 
{
    width: 186px;
    height: 67px;
    float: left;
}

    #logo a img
    {
        border:none !important;
    }

#bannerLoginBoxWrapper
{
    width: 500px;
    float:right;
    margin-top: 10px;
    margin-right: 10px;
}

#simpleSearchWrapper 
{
    width: 270px;
    float:right;
    margin-top: 35px;
    margin-right: 10px;
}

#menuWrapper 
{
    width: 980px;
    height: 30px;
    float:left;    
}

#menu 
{
    width: 450px;
    height:30px;
    margin: 0px auto; 
    font-size: 13pt;   
}

    #menu a 
    {
        outline:none; /*Removes border on menuitems in chrome*/
    }

#pictureBanner 
{
    width: 974px;
    height: 100px;
    margin-left: 2px;
    border: black;
    border-style: solid;
    border-width: 1px;
    float: left;  
}

#footer 
{
    width: 980px;
    height: 50px;
    float: left;
}

#footerText
{
    text-align:center;
    margin-top: 13px;
}

/*#endregion */

/*#region Default */

#contentWrapper 
{
    width: 976px;
    float: left;
    margin: 10px 2px 0 2px;
}

#defaultContent
{
    width: 812px;
}

#introBox 
{
    width: 810px;
    height: 150px;
    background-color: #fbfbfb;
    border: black;
    border-style: solid;
    border-width: 1px;
}

#introBoxContent
{
    margin: 4px 5px 4px 5px;
    width: 800px;
}

#introText 
{
    width: 600px;
}

#introPicture 
{
    width: 190px;
    margin-top: 5px;
    margin-left: 2px;
}

#purchaseSaleWrapper 
{
    width:810px;
    background-color: #fbfbfb;
    border: black;
    border-style: solid;
    border-width: 1px;
    margin-top: 10px;
}

#purchaseSaleContent
{
    margin: 4px 5px 0 5px;

    overflow: hidden;
}

#purchaseSaleContentBottom
{
    margin: 0 5px 10px 5px;
}

#purchaseBox 
{
    width: 390px;
    border-right: 1px solid #cccccc;
    padding-right: 4px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

#purchaseBoxTop
{
    width: 390px;
    margin-bottom: 10px;
}

#purchaseBoxBottom
{
    width:390px;
    border-right: 1px solid #cccccc;
    padding-right: 4px;
}

#purchaseBoxButton
{
    width: 100px;
    margin: 0 auto;
    margin-top: 4px;
}

#saleBox 
{
    width: 390px;
    margin-left: 10px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

#saleBoxTop
{
    width: 390px;
    margin-bottom: 10px;
}

#saleBoxBottom
{
    width: 390px;
    margin-left: 10px;
}

#saleBoxButton
{
    width: 100px;
    margin: 0 auto;
    margin-top: 4px;
}

#recentPurchasesBox 
{
    width: 150px;
    height: 150px;
    background-color: #fbfbfb;
    border: black;
    border-style: solid;
    border-width: 1px;
}

#recentPurchaseBoxContent
{
    margin: 4px 5px 4px 5px;
}

#recentSaleBox 
{
    width: 150px;
    height: 150px;
    background-color: #fbfbfb;
    margin-top: 10px;
    border: black;
    border-style: solid;
    border-width: 1px;
}

#recentSaleBoxContent
{
    margin: 4px 5px 4px 5px;
}

#newsBoxContent
{
    margin: 4px 5px 10px 5px;
}
    #newsBoxContent h1, #newsBoxContent h2, #newsBoxContent h3, #newsBoxContent h4, #newsBoxContent h5, #newsBoxContent h6
    {
        font-size: 12pt;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 0;
    }

    #newsBoxContent p
    {
        line-height: normal;
        margin: 0;
        padding: 0;
    }

.orangeHeader 
{
    width: 150px;
    height: 30px;
    background-color: #ff9933;
}

.orangeHeaderText 
{
    padding-left: 5px;
    padding-top: 6px;
    font-family: Arial;
    font-size: 11pt;
}

/*#endregion */

/*#region News */
#latestNewsBoxContent
{
    margin: 4px 5px 4px 5px;
    width: 964px;
}

#latestNewsTextArea
{
    width: 595px;
}

#newsArchiveContent
{
    width: 964px;
    margin: 4px 5px 4px 5px;
}

    #newsArchiveContent h1, #newsArchiveContent h2, #newsArchiveContent h3, #newsArchiveContent h4, #newsArchiveContent h5, #newsArchiveContent h6
    {
        font-size: 12pt;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 0;
    }

    #newsArchiveContent p
    {
        line-height: normal;
        margin: 0;
        padding: 0;
    }

.newsArchivePagination
{
    height: 30px;
}

.newsArchivePaginationContent
{
    width: 964px;
    margin: 4px 5px 4px 5px;
}

#newsDetailsContent
{
    width: 964px;
    margin: 4px 5px 4px 5px;
}

.newsDetailsContentText
{
    width: 600px;
}
/*#endregion */

/*#region About */
#aboutContentText
{
    margin: 4px 5px 4px 5px;
}

.contactPersonArchivePagination
{
    height: 30px;
    margin-top: 10px;
}

/*#endregion */

/*#region Purchase & Sale */

.purchaseSaleFilter
{
    width: 964px;
    margin-left: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.purchaseSaleResultBoxContent
{
    margin: 4px 5px 4px 5px;
}

.purchaseSaleResultDataList
{
    width: 964px;
}

.purchaseSalePaginationBox
{
    width: 964px;
}

.purchaseSaleDetailsContent
{
    width: 964px;
    margin: 5px 4px 5px 4px;
}

.purchaseSaleCreateBox
{
    margin: 4px 5px 4px 5px;
}

.filterBoxRow
{
    width: 964px;
    margin: 5px 0 5px 0;
}

.filterBoxSpacing
{
    margin-right: 25px;
}

/*#endregion */

/*#region Category */

#insertCategoryButton
{
    margin-right: 150px;
}

/*#endregion */

/*#region Signup */

#signupContent 
{
    margin: 4px 5px 4px 5px;
}

/*#endregion */

/*#region PasswordRecovery */

#passwordRecoveryUser
{
    margin-top: 10px;
}

#passwordRecoveryButton
{
    margin-top: 10px;
}

#passwordRecoveryBox
{
    width: 300px;
    margin: 0 auto;
}

/*#endregion */

/*#region Profile */

#profileContent
{
    width: 754px;
    margin: 4px 5px 4px 5px;
}

#changePasswordWrapper
{
    width: 350px;
    margin-left: 5px;
    margin-top: 4px;
}

#changePasswordButton
{
    margin-right: 51px;
}


/*#endregion */

/*#region Admin */

#adminContentBoxContent
{
    margin: 4px 5px 4px 5px;
}

.adminPaginationBox
{
    width: 757px;
}

/*#endregion */

/*#region General Classes */

.contentTitle 
{
    font-family: Arial;
    font-size: 16pt;
    font-weight: bold;
    color: #0a9ec2;
}

.contentSubTitle
{
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    color: #FF9933;
}

.link
{
    text-decoration: underline;
    color: #0a9ec2;
}

    .link:hover
    {
        color: #57d0ee;
    }

.linkDisabled
{
    text-decoration: none;
    color: #666;
}

.divTableCellLeft
{
    width: 140px;
    float: left;
    padding: 5px 0 0 0;
}

.divTableCellRight
{
    width: 160px;
    float: right;
    padding: 5px 0 0 0;
}

.floatLeft 
{
    float: left;
}

.floatRight
{
    float: right;
}

.centerBox
{
    width: 300px;
    margin: 0 auto;
}

.contentBoxLarge
{
    width: 974px;
    margin-left: 2px;
    margin-top: 10px;
    border: black;
    border-style: solid;
    border-width: 1px;
    background-color: #fbfbfb;
}

.contentBoxLargeInnerMargin
{
    width: 964px;
    margin: 4px 5px 4px 5px;
}

.paginationNumbers
{
    padding-right: 4px;
}

.paginationCurrent
{
    font-weight: bold;
}

.paginationSpacer
{
    color: #0a9ec2;
    padding-right: 4px;
}

.button
{
    position:relative;

    border: 1px solid #ff9933;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;

    background: #ff9933;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9933), to(#f97f05));
    background: -webkit-linear-gradient(#ff9933, #f97f05);
    background: -moz-linear-gradient(#ff9933, #f97f05);
    background: -ms-linear-gradient(#ff9933, #f97f05);
    background: -o-linear-gradient(#ff9933, #f97f05);
    background: linear-gradient(#ff9933, #f97f05);
    -pie-background: linear-gradient(#ff9933, #f97f05);
    behavior: url(CSS3Pie/PIE.htc);

    min-width: 100px;
    height: 30px;
}
    .button:hover
    {
        background: #ffb266;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffb266), to(#ff9e3e));
        background: -webkit-linear-gradient(#ffb266, #ff9e3e);
        background: -moz-linear-gradient(#ffb266, #ff9e3e);
        background: -ms-linear-gradient(#ffb266, #ff9e3e);
        background: -o-linear-gradient(#ffb266, #ff9e3e);
        background: linear-gradient(#ffb266, #ff9e3e);
        -pie-background: linear-gradient(#ffb266, #ff9e3e);
        behavior: url(CSS3Pie/PIE.htc);
    }

.buttonSmall
{
    position:relative;

    border: 1px solid #ff9933;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;

    background: #ff9933;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9933), to(#f97f05));
    background: -webkit-linear-gradient(#ff9933, #f97f05);
    background: -moz-linear-gradient(#ff9933, #f97f05);
    background: -ms-linear-gradient(#ff9933, #f97f05);
    background: -o-linear-gradient(#ff9933, #f97f05);
    background: linear-gradient(#ff9933, #f97f05);
    -pie-background: linear-gradient(#ff9933, #f97f05);
    behavior: url(CSS3Pie/PIE.htc);

    height: 22px;
}
    .buttonSmall:hover
    {
        background: #ffb266;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffb266), to(#ff9e3e));
        background: -webkit-linear-gradient(#ffb266, #ff9e3e);
        background: -moz-linear-gradient(#ffb266, #ff9e3e);
        background: -ms-linear-gradient(#ffb266, #ff9e3e);
        background: -o-linear-gradient(#ffb266, #ff9e3e);
        background: linear-gradient(#ffb266, #ff9e3e);
        -pie-background: linear-gradient(#ffb266, #ff9e3e);
        behavior: url(CSS3Pie/PIE.htc);
    }

.gridSpacing td
{
    padding-left: 5px;
    padding-right: 5px;
}

.gridSpacing th
{
    padding-left: 0 !important;
}

.formSmall
{
    width: 737px;
}

.formSmallRow
{
    width: 737px;
    margin: 5px 0 5px 0;
}

.formSmallCellLeft
{
    width: 100px;
}

.formSmallCellRight
{
    width: 637px;
}

.inputFormSmall
{
    width: 737px;
}

.inputFormSmallLeft
{
    width: 500px;
}

.inputFormSmallRight
{
    width: 237px;
}

.inputFormSmallRow
{
    width: 500px;
    margin: 5px 0 5px 0;
}

.inputFormSmallCellLeft
{
    width: 150px;
}

.inputFormSmallCellRight
{
    width: 350px;
}

.inputFormEditorValidation
{
    margin-top: 42px;
    margin-right: 38px;
}

.inputFormButtonMargin
{
    margin-right: 50px;
}

.inputFormLarge
{
    width: 900px;
}

.inputFormLargeLeft
{
    width: 650px;
}

.inputFormLargeRight
{
    width: 250px;
}

.inputFormLargeRow
{
    width: 650px;
    margin: 5px 0 5px 0;
}

.inputFormLargeCellLeft
{
    width: 150px;
}

.inputFormLargeCellRight
{
    width: 500px;
}

.imageMargins
{
    margin-left: 10px;
    margin-bottom: 10px;
}

.contentSmallWrapper
{
    width: 976px;
    height: 100%;
    margin-left: 2px;
    margin-top: 10px;
}

.contentBoxSmall
{
    width: 767px;
    height: 100%;
    margin-left: 10px;
    border: 1px solid black;
    background-color: #fbfbfb; 
}

.contentBoxSmallTopMargin
{
    margin-top: 10px;
}

.contentBoxSmallInnerMargin
{
    width: 754px;
    margin: 4px 5px 4px 5px;
}

.submenuBox
{
    width: 195px;
    height: 100%;
    border: 1px solid black;
    background-color: #fbfbfb;
}

.subMenuBoxContent
{
    width: 185px;
    margin: 4px 5px 4px 5px;
}
    
    .subMenuBoxContent a /*Removes underline from links and changes textcolor to black*/
    {
        text-decoration: none;
        color: black;
    }

    .subMenuBoxContent a:visited /*Removes underline from links and changes textcolor to black*/
    {
        text-decoration: none;
        color: black;
    }

    .subMenuBoxContent a:hover 
    {
        color: #ff9933;
    }

    .subMenuBoxContent ul 
    {
        padding-left: 0;
        margin-left:0;
        list-style-type:none;
    }

    .subMenuBoxContent ul li
    {        
        border-bottom-color: #cccccc;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 4px 0 8px 12px;
        background: url(Images/ListItemArrow.png) no-repeat;
    }

        .subMenuBoxContent ul li ul li 
        {
            padding: 4px 0 0 12px;
            border:none;
        }
/*#endregion */